﻿<!DOCTYPE html>
<html>

   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
      <title>开始使用layui</title>
      <link rel="stylesheet" href="plugin/layui/css/layui.css" />
      <style type="text/css">
         .layui-table,
         .layui-table th,
         .layui-table td {
            /*  width: 1000px;*/
            margin: 0 auto;
            border: 2px solid #000;
         }
         
         .layui-table th {
            text-align: center;
            font-weight: 600;
            height: 20px;
         }
         
         .layui-form-label {
            float: none;
            padding: 0 0 0 8px;
            text-align: left;
            display: inline-block;
            width: 6rem;
         }
         
         .layui-input {
            padding: 0;
            width: 12.5rem;
            height: 1.6rem;
            border: none;
         }
         
         h1 {
            text-align: center;
            margin-bottom: 2rem;
         }
         
         .zhuyi {
            font-size: 1rem;
            padding-bottom: 0.2rem;
         }
      </style>
   </head>

   <body>
      <div class="layui-container" style="margin-top: 5rem;">
         <h1>货联邦出库订单</h1>
         <div class="layui-row">
            <div class=" layui-col-sm4 layui-col-md4 ">
               <label class="layui-form-label ">货主单位：</label>
               <div class="layui-input-inline ">
                  <input type="text " name="title " class="layui-input ">
               </div>
            </div>
            <div class="layui-col-sm4 layui-col-md4 ">
               <label class="layui-form-label ">仓库：</label>
               <div class="layui-input-inline ">
                  <input type="text " name="title " class="layui-input ">
               </div>
            </div>
            <div class="layui-col-sm4 layui-col-md4 ">
               <label class="layui-form-label ">打印时间：</label>
               <div class="layui-input-inline ">
                  <input type="text " name="title " class="layui-input ">
               </div>
            </div>
         </div>
         <div class="layui-row">
            <div class="layui-col-sm4 layui-col-md4 ">
               <label class="layui-form-label ">提货单位：</label>
               <div class="layui-input-inline ">
                  <input type="text " name="title " class="layui-input ">
               </div>
            </div>
            <div class="layui-col-sm4 layui-col-md4 ">
               <label class="layui-form-label ">客户单号：</label>
               <div class="layui-input-inline ">
                  <input type="text " name="title " class="layui-input ">
               </div>
            </div>
            <div class="layui-col-sm4 layui-col-md4 ">
               <label class="layui-form-label ">订单编号：</label>
               <div class="layui-input-inline ">
                  <input type="text " name="title " class="layui-input ">
               </div>
            </div>
         </div>
         <div class="layui-row">
            <div class="layui-col-sm4 layui-col-md4 ">
               <label class="layui-form-label ">提货车号：</label>
               <div class="layui-input-inline ">
                  <input type="text " name="title " class="layui-input ">
               </div>
            </div>
            <div class="layui-col-sm4 layui-col-md4 ">
               <label class="layui-form-label "></label>
               <div class="layui-input-inline ">
                  <input type="text " name="title " class="layui-input ">
               </div>
            </div>
            <div class="layui-col-sm4 layui-col-md4 ">
               <label class="layui-form-label "></label>
               <div class="layui-input-inline ">
                  <input type="text " name="title " class="layui-input ">
               </div>
            </div>
         </div>
         <table class="layui-table ">
            <thead>
               <tr>
                  <th rowspan="2 ">库房</th>
                  <th rowspan="2 ">货物名称</th>
                  <th rowspan="2 ">规格</th>
                  <th rowspan="2 ">材质</th>
                  <th rowspan="2 ">属性</th>
                  <th rowspan="2 ">产地</th>
                  <th rowspan="2 ">计量单位</th>
                  <th colspan="2 ">应发</th>
                  <th colspan="2 ">实发</th>

               </tr>
               <tr>
                  <th>数量(件)</th>
                  <th>重量(吨)</th>
                  <th>数量(件)</th>
                  <th>重量(吨)</th>
               </tr>
            </thead>
            <tbody>
               <tr>
                  <td>鑫港库</td>
                  <td>螺纹钢</td>
                  <td>12</td>
                  <td>hrb400e</td>
                  <td>定尺9米</td>
                  <td>酒钢</td>
                  <td>理算</td>
                  <td>12</td>
                  <td>24</td>
                  <td>12</td>
                  <td>24</td>
               </tr>
               <tr>
                  <td>鑫港库</td>
                  <td>螺纹钢</td>
                  <td>12</td>
                  <td>hrb400e</td>
                  <td>定尺9米</td>
                  <td>酒钢</td>
                  <td>理算</td>
                  <td>12</td>
                  <td>24</td>
                  <td>12</td>
                  <td>24</td>
               </tr>
               <tr>
                  <td>鑫港库</td>
                  <td>螺纹钢</td>
                  <td>12</td>
                  <td>hrb400e</td>
                  <td>定尺9米</td>
                  <td>酒钢</td>
                  <td>理算</td>
                  <td>12</td>
                  <td>24</td>
                  <td>12</td>
                  <td>24</td>
               </tr>
               <tr>
                  <td>鑫港库</td>
                  <td>螺纹钢</td>
                  <td>12</td>
                  <td>hrb400e</td>
                  <td>定尺9米</td>
                  <td>酒钢</td>
                  <td>理算</td>
                  <td>12</td>
                  <td>24</td>
                  <td>12</td>
                  <td>24</td>
               </tr>
               <tr height="60px ">
                  <td colspan="7 ">备注</td>
                  <td>螺纹钢</td>
                  <td>12</td>
                  <td>hrb400e</td>
                  <td>定尺9米</td>
               </tr>
               <tr height="100px ">
                  <td colspan="11 ">
                     <blockquote class="zhuyi">
                        <span>注意事项：</span>
                        <span>1、本单据未签字、缺联、涂改均为无效。</span>
                        <span>2、提货单位当面核对货物并签字后生效。 </span>
                        <span>3、本单据需加盖提货专用章方才生效。</span>
                     </blockquote>
                     <blockquote style="margin-left: 82px;" class="zhuyi">
                        <span>4、特殊情况单据需要手写必须加盖提货专用章；否则视为无效。 </span>
                        <span>5、货物出库后，本单位对该货物概不负责。</span>
                        <span>6、本单据当天有效。</span>
                     </blockquote>
                     <blockquote class="zhuyi">地址：甘肃省兰州市西固区环行西路6号（鑫港物流园） 联系电话：0931-1111111
                     </blockquote>
                     <blockquote class="zhuyi">本单一式五联：第一联（白）开单员、第二联（蓝）财务、第三联（红）保管、第四联（黄）客户、第五联（绿）门卫</blockquote>
                  </td>
               </tr>
            </tbody>
         </table>
         <div class="layui-row">
            <div class=" layui-col-sm4 layui-col-md4 ">
               <label class="layui-form-label ">开单员：</label>
               <div class="layui-input-inline ">
                  <input type="text " name="title " class="layui-input ">
               </div>
            </div>
            <div class="layui-col-sm4 layui-col-md4 ">
               <label class="layui-form-label ">提货人手机：</label>
               <div class="layui-input-inline ">
                  <input type="text " name="title " class="layui-input ">
               </div>
            </div>
            <div class="layui-col-sm4 layui-col-md4 ">
               <label class="layui-form-label ">签字：</label>
               <div class="layui-input-inline ">
                  <input type="text " name="title " class="layui-input ">
               </div>
            </div>
         </div>
      </div>

   </body>
   <script src="plugin/layui/layui.js "></script>
   <script>
      layui.use('table', function() {
         var table = layui.table;

      });
   </script>

</html>